<template>
	<transition>
		<div class=" container-fluid ">
			<div class="row px-4">
				<div class="alert" style="padding: 10px 50px;" :class="alertInfo.class" role="alert">
					{{ alertInfo.msg }}
				</div>
			</div>
		</div>
	</transition>
</template>

<script>
export default {
	props: {
		alertInfo: {
			typeof: Object,
			default: () => { }
		}
	}

}
</script>

<style lang="scss" scoped>
.container-fluid {
	position: fixed;
	top: 10%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	// left: 50%;
	// transform: translate(-25%, 0);
}
</style>